<template>
  <div class="info-attr-module">
    <div class="title">
      代表队信息
      <div class="add">
        <el-icon color="#00A0E9"> <CirclePlusFilled /> </el-icon>添加领队
      </div>
    </div>
    <div class="attr-data">
      <div class="item">
        <span>代表队名称</span>
        <div>GTR代表队</div>
      </div>
      <div class="item">
        <span>代表队编号</span>
        <div>鲁-00017</div>
      </div>
      <div class="item">
        <span>单位名称</span>
        <div>上海歌尔泰克机器人有限公司</div>
      </div>
      <div class="item">
        <span>所属地区</span>
        <div>上海市</div>
      </div>
      <div class="item">
        <span>负责人姓名</span>
        <div>王大大</div>
      </div>
      <div class="item">
        <span>领队性别</span>
        <div>男</div>
      </div>
      <div class="item">
        <span>证件类型</span>
        <div>居民身份证</div>
      </div>
      <div class="item">
        <span>证件号码</span>
        <div>321033******003X</div>
      </div>
      <div class="item">
        <span>联系方式(手机)</span>
        <div>185****4400</div>
      </div>
      <div class="item">
        <span>电子邮箱</span>
        <div>32242423342@qq.com</div>
      </div>
      <div class="item">
        <span>领队照片</span>
        <div>
          <img
            src="https://img0.baidu.com/it/u=1693330575,1199455202&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=666"
            class="cert"
          />
        </div>
      </div>
      <div class="item">
        <span>领队授权书(单位盖章)</span>
        <div>
          <img
            src="https://img0.baidu.com/it/u=1693330575,1199455202&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=666"
            class="cert"
          />
        </div>
      </div>
      <div class="item">
        <span></span>
        <div>
          <div class="oper">
            <div class="e">
              <el-icon color="#00A0E9"> <Edit /> </el-icon>修改代表队
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="title">
      <div class="left">
        领队 [1]
        <span> (主领队)</span>
      </div>
    </div>
    <div class="attr-data">
      <div class="item">
        <span>代表队名称</span>
        <div>GTR代表队</div>
      </div>
      <div class="item">
        <span>代表队编号</span>
        <div>鲁-00017</div>
      </div>
      <div class="item">
        <span>单位名称</span>
        <div>上海歌尔泰克机器人有限公司</div>
      </div>
      <div class="item">
        <span>所属地区</span>
        <div>上海市</div>
      </div>
      <div class="item">
        <span>负责人姓名</span>
        <div>王大大</div>
      </div>
      <div class="item">
        <span>领队性别</span>
        <div>男</div>
      </div>
      <div class="item">
        <span>证件类型</span>
        <div>居民身份证</div>
      </div>
      <div class="item">
        <span>证件号码</span>
        <div>321033******003X</div>
      </div>
      <div class="item">
        <span>联系方式(手机)</span>
        <div>185****4400</div>
      </div>
      <div class="item">
        <span>电子邮箱</span>
        <div>32242423342@qq.com</div>
      </div>
      <div class="item">
        <span>领队照片</span>
        <div>
          <img
            src="https://img0.baidu.com/it/u=1693330575,1199455202&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=666"
            class="cert"
          />
        </div>
      </div>
      <div class="item">
        <span>领队授权书(单位盖章)</span>
        <div>
          <img
            src="https://img0.baidu.com/it/u=1693330575,1199455202&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=666"
            class="cert"
          />
        </div>
      </div>
    </div>
    <div class="title">领队 [2]</div>
    <div class="attr-data">
      <div class="item">
        <span>代表队名称</span>
        <div>GTR代表队</div>
      </div>
      <div class="item">
        <span>代表队编号</span>
        <div>鲁-00017</div>
      </div>
      <div class="item">
        <span>单位名称</span>
        <div>上海歌尔泰克机器人有限公司</div>
      </div>
      <div class="item">
        <span>所属地区</span>
        <div>上海市</div>
      </div>
      <div class="item">
        <span>负责人姓名</span>
        <div>王大大</div>
      </div>
      <div class="item">
        <span>领队性别</span>
        <div>男</div>
      </div>
      <div class="item">
        <span>证件类型</span>
        <div>居民身份证</div>
      </div>
      <div class="item">
        <span>证件号码</span>
        <div>321033******003X</div>
      </div>
      <div class="item">
        <span>联系方式(手机)</span>
        <div>185****4400</div>
      </div>
      <div class="item">
        <span>电子邮箱</span>
        <div>32242423342@qq.com</div>
      </div>
      <div class="item">
        <span>领队照片</span>
        <div>
          <img
            src="https://img0.baidu.com/it/u=1693330575,1199455202&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=666"
            class="cert"
          />
        </div>
      </div>
      <div class="item">
        <span>领队授权书(单位盖章)</span>
        <div>
          <img
            src="https://img0.baidu.com/it/u=1693330575,1199455202&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=666"
            class="cert"
          />
        </div>
      </div>
      <div class="item">
        <span></span>
        <div>
          <div class="oper">
            <div class="e del">
              <el-icon color="#959CA9"> <Delete /> </el-icon>删除
            </div>

            <div class="e">
              <el-icon color="#00A0E9"> <Setting /> </el-icon>设置主领队
            </div>
          </div>
        </div>
      </div>
    </div>
    <div style="height: 4rem"></div>
  </div>
</template>
<script lang="ts" setup>
import { getCurrentInstance } from "vue";
let currentInstance = getCurrentInstance();

setTimeout(() => {
  currentInstance?.proxy?.$mesage.openToast({
    icon: "success",
    text: "修改已提交成功",
  });
}, 200);
</script>
<style lang="scss" scoped>
@import "./style.scss";
</style>
